@charset "utf-8";

/* CSS Document */



body { min-width: 1200px; font-family: "Microsoft YaHei", "微软雅黑", "Microsoft JhengHei"; background-color: #fff; overflow-x:hidden;}

header{ width: 100%; height: 82px; background-color: #FFFFFF;}

.header-container{ width: 1200px; height: 82px; margin: 0 auto; }

.logo{ width: 350px; height: 82px; float: left;  text-align: left; vertical-align: midd1e;}

.logo span{ height: 100%;  vertical-align: middle;}

.logo img{max-width: 100%; max-height: 90%; vertical-align: middle;}

.header-right{ width: 780px; height: 82px; float: right;}

.header-right .header-dh{ width: 780px; height: 28px; overflow: hidden; text-align: right; line-height: 28px;}

.header-right .header-dh a{ font-size: 12px; color: #29ab51;}

.header-right .header-dh a:hover{ text-decoration: underline;}

.header-right .header-dh span{ font-size: 12px; color: #d7d7d7; padding: 0 10px;}

.header-right .header-dh img{ vertical-align: middle; margin: 0 6px 2px 10px;}

nav{ width:780px; height:54px;  position:relative; z-index:2;}

#navBar { width: 780px; height: 54px; color: #ffffff; margin: 0 auto; position:relative; z-index:3;}

.navbar { position: relative; width: 780px; font-family: "Microsoft YaHei", SimSun, SimHei; z-index:4;}

.navbar a { color: #363636; }

.navbar h3 { font-size: 100%; font-weight: normal; }

.navbar .m { float: left; position: relative; z-index: 10;}

.navbar .s { float: left; width: 0; text-align: center; color: #D4D4D4; font-size: 12px; }

.navbar h3 a { display: block; width: 110px; height: 54px; font-size: 14px; color: #363636; text-align: right; padding-right: 20px; line-height: 54px; background: url(../images/icon-nav.png) no-repeat 95% 52%; -webkit-transition: ease 0s; -moz-transition: ease 0s; -ms-transition: ease 0s; -o-transition: ease 0s; transition: ease 0s;}

.navbar .sub { display: none; position: absolute; left: 33px; top: 54px; z-index: 11; width: 97px; background-color:#008fd2;  border-radius:0 0 5px 5px; overflow: hidden;}

.navbar .sub li { text-align: center;}

.navbar .sub li a { display: block; padding: 5px; line-height: 16px; color: #ffffff; font-size: 12px;}

.navbar .sub li a:hover { color: #fff; background-color:#179d62;}

.navbar .block { height: 54px; width: 97px; background: url(../images/icon-nav-h.png) no-repeat 95% 52%; position: absolute; left:0; top: 0; overflow: hidden; z-index: 0; border-radius: 6px; }

/*.navbar .on h3 a{ color: #434e60; background: none;}*/

.navbar .on i{ display: none;}



.banner{ width:100%;  position:relative; z-index:0;}

.main_visual{ overflow:hidden;position:relative;}

.main_image{height:100%;overflow:hidden;position:relative;}

.main_image ul{width:9999px;height:100%;overflow:hidden;position:absolute;top:0;left:0}

.main_image li{float:left;width:100%;height:100%;}

.main_image li span{display:block;width:100%;height:100%; position:relative;}

.main_image li a{display:block;width:100%;height:100%}

.main_image li a img{ width:100%; height:100%;}

.main_image li span h3{ width:100%; position:absolute; bottom:0; left:0; text-align:center; font-size:14px; color:#fff; z-index:10000;}

.flicking_con{position:absolute;bottom:0px;left:0;z-index:999;height:25px; width:100%; text-align:center;}

.flicking_con span{ height:22px; display:inline-block; padding:0 0.8rem; border-radius:0.75rem;}

.flicking_con a{width:12px;height:12px;line-height:99em;background:#159c61;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;margin:5px 2px 0 2px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1; -webkit-transition: ease 0s; -moz-transition: ease 0s; -ms-transition: ease 0s; -o-transition: ease 0s; transition: ease 0s;}

.flicking_con a.on{ width:8px; height:8px; background:none; border:2px #fff solid; -webkit-transition: ease 0s; -moz-transition: ease 0s; -ms-transition: ease 0s; -o-transition: ease 0s; transition: ease 0s;}

#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}

#btn_prev{background:url(../images/banner-left.png) no-repeat left top;left:100px;}

#btn_next{background:url(../images/banner-right.png) no-repeat right top;right:100px;}

.main{ width: 100%; overflow: hidden; background-color: #fff;}

.main-container{ width: 1200px;  margin: 0 auto;}

.com-top{ width: 1200px; overflow: hidden; text-align: center;}

.com-top h3{ font-size: 50px; color: #000; font-weight: bold;}

.com-top h3 strong{ color: #179d62;}

.com-top p{ font-size: 26px; color: #363636;}

.main-box{ width: 1200px; overflow: hidden; margin-top: 20px;}

.gsjj{ width: 830px; height: 320px; overflow: hidden; float: left;}

.gsjj-container{ width: 830px; height: 290px; overflow: hidden; background-color: #57616b;}

.gsjj-container .gs-img{ width: 480px; height: 290px; overflow: hidden; float: left;}

.gsjj-container .gs-img img{ width: 480px; height: 290px; display: block;}

.gsjj-container .gs-div{ width: 330px; height: 260px; overflow: hidden; float: left; margin: 20px 0 0 14px;}

.gsjj-container .gs-div h3{ width: 330px; display: block; overflow: hidden;}

.gsjj-container .gs-div .des{ width: 330px; height: 192px; overflow: hidden; font-size: 14px; color: #FFFFFF; line-height: 24px;}

.gsjj-more{ width: 830px; height: 30px; overflow: hidden;}

.gsjj-more a{ width: 820px; height: 30px; display: block; background-color: #42474d; text-align: right; padding-right: 10px; font-size: 14px; color: #010000; line-height: 30px;}

.gsjj-more a:hover{ background-color: #179d62; color: #fff;}

.ppgy{ width: 360px; height: 320px; overflow: hidden; float: right;}

.wmdys{ width: 1200px; overflow: hidden; margin-top: 45px;}

.wmdys ul{ width: 1060px; overflow: hidden; margin: 45px auto 0;}

.wmdys li{ width: 336px; height: 420px; display: block; overflow: hidden; float: left; margin:0 8px;}

.wmdys li a{ width: 336px; height: 420px; display: block; overflow: hidden;}

.wmdys li a .ys-img{ width: 336px; height: 213px; overflow: hidden;}

.wmdys li a .ys-img img{ width: 336px; height: 213px; display: block;}

.wmdys li a .ys-div{ width: 336px; height: 195px; overflow: hidden; background: url(../images/ys-bg.jpg) no-repeat; text-align: center; padding-top: 12px; line-height: 45px;}

.wmdys li a .ys-div span{ font-size: 28px; color: #358b64; font-weight: bolder; text-transform: uppercase; background-color: #fff;}

.wmdys li a .ys-div strong{ font-size: 28px; color: #000000;}

.wmdys li a:hover .ys-div{ width: 336px; height: 195px; overflow: hidden; background: url(../images/ys-bg-h.jpg) no-repeat; text-align: center; padding-top: 12px;}

.wmdys li a:hover .ys-div span{ font-size: 28px; color: #fff; font-weight: bolder; background-color: #159c61;}

.wmdys li a:hover .ys-div strong{ font-size: 28px; color: #fff;}

.wmdcp{ width: 1200px; overflow: hidden; margin-top: 45px;}

.wmdcp-container{ width: 1200px; overflow: hidden; height: 520px; padding: 50px 0; position: relative;}

.boxF{

	   width: 250px; height: 250px;

    transform: rotate(135deg);

    -ms-transform: rotate(135deg);

    -moz-transform: rotate(135deg);

    -webkit-transform: rotate(135deg);

     overflow: hidden;

}

.boxS{ width: 250px; height: 250px; transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -webkit-transform: scale(1.4);}

.boxF strong{ transform: rotate(-135deg);

    -ms-transform: rotate(-135deg);

    -moz-transform: rotate(-135deg);

    -webkit-transform: rotate(-135deg); width:250px; height:250px; display: block; text-align: center; line-height: 200px; font-size: 30px; color: #fff;}

.boxF img{transform: rotate(-135deg);

    -ms-transform: rotate(-135deg);

    -moz-transform: rotate(-135deg);

    -webkit-transform: rotate(-135deg); width:250px; height:250px;}

.pt0{ position: absolute; top: 90px; left: 480px;  z-index: 1; background-color: #029b63;}    

.pt1{ position: absolute; top: 90px; left: 120px;  z-index: 1;}

.pt2{ position: absolute; top: 270px; left: 300px;  z-index: 1;}

.pt3{ position: absolute; top: 270px; left: 662px;  z-index: 1;}

.pt4{ position: absolute; top: 90px; left: 840px;  z-index: 1;}

.ind-news{ width: 808px; overflow: hidden; float: left;}

.ind-news-img{ width: 235px; height: 112px; overflow: hidden; border: 5px #4d965f solid; float: left;}

.ind-news-img img{ width: 235px; height: 112px; display: block;}

.ind-news-div{ width: 560px; height: 119px; overflow: hidden; border: 1px #d8d8d8 solid; border-left: none; float: left; box-shadow:  1px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); -ms-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);}

.ind-news-div ul{ width: 560px; overflow: hidden; margin-bottom: -1px;}

.ind-news-div li{ width: 560px; height: 39px; display: block; border-bottom: 1px #d8d8d8 solid; overflow: hidden;}

.ind-news-div li a{ width: 560px; height: 39px; display: block; overflow: hidden;}

.ind-news-div li a strong{ width: 400px; height: 39px; display: block; float: left; padding-left: 20px; line-height: 39px; font-size: 12px; color: #363636; font-weight: normal;}

.ind-news-div li a span{ float: right; line-height: 39px; padding-right: 10px; font-size: 12px; color: #999;}

.ind-news-div li a:hover strong{ color: #22b243;}

.ind-news-more{ overflow: hidden; float: right; margin-right: 10px;}

.ind-news-more a{ width: 60px; height: 20px; display: block; overflow: hidden; background-color: #22b145; border: 1px #4f955f solid; font-size: 12px; color: #FFFFFF; text-align: center; line-height: 20px;}

.ind-btns{ width: 380px; overflow: hidden; float: right;}

.ind-btns a{ width: 375px; height: 56px; display: block; overflow: hidden; margin-bottom: 5px; box-shadow:  1px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); -ms-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); position: relative; border: 1px #d0d0d0 solid;}

.ind-btns a img{ width: 375px; height: 56px; display: block;}

.ind-btns a span{ position: absolute; top: 0; right: 54px; font-size: 20px; color: #000000; line-height: 56px;}



.spacediv{ width: 100%; overflow: hidden; height: 40px;}

footer{ width: 100%; overflow: hidden;}

.footer1{ width: 100%; overflow: hidden; padding: 25px 0; background-color: #e9e9e9;}

.footer1-container{ width: 1200px; margin: 0 auto;}

.footer1-left{ width: 800px; overflow: hidden; border-left: 1px #d8d8d8 solid; display: block; float: left;}

.footer1-left tbody td{ border-right: 1px #d8d8d8 solid; padding: 0 40px; vertical-align: top;}

.footer1-left tbody td h3{ font-size: 14px; color: #000000; padding-bottom: 10px; font-weight: bold;}

.footer1-left tbody td p{ padding: 3px 0;}

.footer1-left tbody td p a{ font-size: 12px; color: #363636;}

.footer1-left tbody td p a:hover{ color: #4d965f;}

.footer1-right{ width: 360px; float: right;}

.footer1-right .tel{ width: 360px; overflow: hidden;}

.footer1-right .tel img{ width: 50px; height: 50px; float: left;}

.footer1-right .tel span{ width: 180px; float: left; margin-left: 12px; font-size: 14px; color: #666; display: block; line-height: 25px;}

.footer1-right .tel span strong{ font-size: 30px; color: #363636;}

.footer1-right .gz{ width: 350px; margin-top: 20px; padding-left: 10px;}

.footer1-right .gz span{ padding-right: 10px; position: relative;}

.footer1-right .gz span .wx-show{ width: 90px; overflow: hidden; background-color: #fff; padding: 5px; position: absolute; bottom: 5px; left: 54px; display: none; z-index: 10000;}

.footer1-right .gz span .wx-show img{ width: 90px; height: 90px; display: block;}

.footer1-right .gz span .wx-show p{ width: 90px; height: 20px; display: block; padding-top: 5px; font-size: 12px; color: #363636; text-align: center; line-height: 20px;} 

.footer1-right .links{ width: 350px; overflow: hidden; margin: 20px 0 0 10px;}

.footer1-right .links a{ height: 24px; padding: 0 10px; display: inline-block; *display:inline; *zoom:1; background-color: #b4b4b4; font-size: 12px; color: #FFFFFF; line-height: 24px; margin-right: 12px;}

.footer1-right .links a:hover{ background-color: #029b63;} 

.footer2{ width: 100%; overflow: hidden; padding: 10px 0; background-color: #fff;}

.footer2-container{ width: 1200px; overflow: hidden; margin: 0 auto;}

.footer2-left{ width: 700px; overflow: hidden; float: left; font-size: 12px; color: #414242; line-height: 20px;}

.footer2-left span{ font-size: 12px; color: #414242; padding: 0 10px;}

.footer2-left a{ font-size: 12px; color: #414242;}

.footer2-left a:hover{ color: #029b63;}

.footer2-right{ overflow: hidden; float: right; font-size: 12px; color: #414242; line-height: 20px; text-align: right;}



.com-left{ width: 230px; overflow: hidden; float: left; margin-top: 48px;}

.com-left-top{ width: 230px; height: 58px; overflow: hidden; background-color: #000000; position: relative;}

.com-left-top span{ padding:9px 0 0 18px; font-size: 14px; color: #ffffff; display: block;}

.com-left-top span strong{ font-size: 16px; color: #fff; display: block; font-weight: normal;}

.com-left-top i{ width: 0; height: 0; display: block;  border-top: 25px solid #fff;  border-left: 25px solid transparent; position: absolute; top: 0; right: 0;}

.com-left-bottom{ width: 230px; overflow: hidden; background-color: #e9e9e9;}

.com-left-bottom ul{ width: 196px; overflow: hidden; margin: 0 auto -1px;}

.com-left-bottom li{ width: 196px; height: 39px; display: block; border-bottom: 1px #444444 dashed;}

.com-left-bottom li a{ width: 170px; height: 39px; display: block; overflow: hidden; padding-left: 26px; font-size: 14px; color: #323232; line-height: 39px; background: url(../images/icon-dian.png) no-repeat 5px 50%;}

.com-left-bottom li a:hover{ color: #0f9b5e; background: url(../images/icon-dian-h.png) no-repeat 5px 50%;}

.com-left-bottom li a.active{ color: #0f9b5e; background: url(../images/icon-dian-h.png) no-repeat 5px 50%;}

.com-right{ width: 930px; overflow: hidden; float: right; margin-top: 48px;}

.local{ width: 930px; height: 18px; overflow: hidden; font-size: 12px; color: #5f5f5f; line-height: 14px;}

.local a{ font-size: 12px; color: #5f5f5f;}

.local a:hover{ color: #029b63;}

.local span{ padding: 0 5px;}

.com-right-top{ width: 930px; height: 40px; overflow: hidden; background-color: #e9e9e9;}

.com-right-top span{ width: 230px; height: 40px; display: block; background-color: #000000; font-size: 14px; color: #fff; line-height: 40px;}

.com-right-top i{ width: 8px; height: 8px; display: inline-block; *display:inline; *zoom:1; border-radius: 8px; margin: 0 18px; background-color: #fff;}

.com-right-bottom{ width: 930px; overflow: hidden;}

.pros{ width: 930px; overflow: hidden;}

.pros ul{ width: 1000px;}

.pros li{ width: 268px; height: 198px; display: block; border: 1px #d2d2d2 solid; float: left; margin: 45px 55px 20px 0;}

.pros li a{ width: 268px; height: 198px; display: block;}

.pros li a .cp-img{ width: 268px; height: 198px; overflow: hidden;}

.pros li a .cp-img img{ width: 268px; height: 198px; display:block;}

/* .pros li a span{  width: 280px; height: 320px; display: block; background-color: rgba(0,0,0,0.7);} */
.pros li a span{  width: 280px; height: 320px; display: block;}

.pros li a span h3{ padding:80px 5px 5px 5px; font-size: 16px; color: #FFFFFF; text-align: center; }

.allpage{ width: 100%; overflow: hidden; padding: 20px 0; text-align: center;}

.procont{ width: 880px; overflow: hidden; margin: 20px auto;}

.procont1{ width: 880px; padding: 20px 0; overflow: hidden; border-bottom: 1px #d3d3d3 dashed;}

.procont1 h3{ text-align: center; font-size: 18px; color: #0F9B5E; }

.procont1div{ width: 880px; overflow: hidden; margin: 20px 0;}

.procont1div img{ max-width: 100%;}

.procont2{ width: 880px; overflow: hidden; padding: 25px 0; border-bottom: 1px #c9c9c9 dashed;}

.procont2 h3{ font-size: 14px; color: #0F9B5E; line-height: 30px;}

.procont2 h3 i{ width: 4px; height: 4px; display: inline-block; *display:inlne; *zoom:1; background-color: #323232; margin-right: 15px; vertical-align: middle;}

.procont2div{ width: 880px; overflow: hidden; margin-top: 10px; font-size: 12px; color: #5f5f5f; line-height: 20px;}

.procont3{ width: 880px; overflow: hidden;}

.procont3-top{ width: 880px; height: 60px; overflow: hidden; text-align: center; line-height: 60px;}

.procont3-top a{ font-size: 14px; color: #0f9b5e;}

.procont3-top a:hover{ text-decoration: underline;}

.procont3-bottom{ width: 880px; overflow: hidden; font-size: 12px; color: #5c5c5c; line-height: 20px;}

.procont3-bottom a{ font-size: 12px; color: #5f5f5f;}

.procont3-bottom a:hover{ color: #0f9b5e;}

.procont3-bottom span{ color: #999;}

.news{ width: 880px; overflow: hidden; margin: 0 auto;}

.news-top{ width: 880px; height: 138px; padding: 30px 0; overflow: hidden;}

.news-top .xw-img{ width: 272px; height: 136px; overflow: hidden; border: 1px #d2d2d2 solid; float: left;}

.news-top .xw-img img{  max-width: 100%;  max-height: 100%;  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  }

.news-top .xw-img img:last-child{  position: relative;  top: 50%;  left: 50%;}

/*.news-top .xw-img img{width: 100%}*/

.news-top .xw-div{ width: 582px; height: 138px; overflow: hidden; float: right;}

.news-top .xw-div h3{ width: 582px; height: 30px; display: block; overflow: hidden;}

.news-top .xw-div h3 a{ font-size: 16px; color: #1e1e1e; line-height: 30px;}

.news-top .xw-div .des{ width: 582px; height: 80px; overflow: hidden; font-size: 12px; color: #7b7b7b; line-height: 20px; margin-top: 5px;}

.news-top .xw-div .time{ width: 582px; height: 20px; overflow: hidden; text-align: right; font-size: 12px; color: #9c9c9c; line-height: 20px; margin-top: 3px;}

.news-bottom{ width: 880px; overflow: hidden;}

.news-bottom ul{ width: 880px; border-top: 1px #c9c9c9 dashed; overflow: hidden;}

.news-bottom li{ width: 880px; height: 48px; display: block; overflow: hidden; border-bottom: 1px #c9c9c9 dashed;}

.news-bottom li a{ width: 880px; height: 48px; display: block; overflow: hidden; position: relative;}

.news-bottom li a i{ width: 4px; height: 4px; display: block; position: absolute; top: 50%; margin-top: -2px; left: 1px; background-color: #323232;}

.news-bottom li a strong{ width: 650px; height: 48px; display: block; overflow: hidden; float: left; padding-left: 30px; font-size: 12px; color: #7B7B7B; line-height: 48px; font-weight: normal;}

.news-bottom li a span{ font-size: 12px; color: #9C9C9C; float: right; line-height: 48px;}

.news-bottom li a:hover strong{ color: #0f9b5e;}

.newscont2{ width: 880px; overflow: hidden; padding: 20px 0; border-bottom: 1px #c9c9c9 dashed;}

.newscont2 h3{text-align: center; font-size: 18px; color: #0F9B5E; text-align: center;}

.newscont2div{ width: 880px; overflow: hidden; margin-top: 10px; font-size: 12px; color: #5f5f5f; line-height: 20px;}

.newscont2div img,.newscont2div p,.newscont2div span{ max-width: 100%;}

.fw-box{ width: 880px; overflow: hidden; margin: 30px auto 0;}

.fw-box h3{ font-size: 14px; color: #0F9B5E; line-height: 30px;}

.fw-box h3 i{ width: 4px; height: 4px; display: inline-block; *display:inlne; *zoom:1; background-color: #323232; margin-right: 15px; vertical-align: middle;}

.fw-cont{ width: 880px; overflow: hidden; margin-top: 10px; font-size: 12px; color: #5F5F5F; line-height: 22px;}

.fw-cont img,.fw-cont p,.fw-cont span{ max-width: 100%;}

.jmdiv{ width: 880px; overflow: hidden; margin: 20px auto;}

.jmdiv img,.jmdiv p,.jmdiv span{ max-width: 100%;}

.bsc{ width: 880px; overflow: hidden; margin: 0 auto;}

.bsc ul{ width: 880px; overflow: hidden; margin-bottom: -1px;}

.bsc li{ width: 830px; padding: 30px 25px; display: block; overflow: hidden; border-bottom: 1px #c9c9c9 dashed; position: relative;}

.bsc li i{ width: 4px; height: 4px; display: block; background-color: #323232; position: absolute; top: 38px; left: 0; z-index: 1;}

.bsc li .bsc-div{ width: 400px; overflow: hidden; float: left;}

.bsc li .bsc-div h3{ font-size: 14px; color: #0F9B5E; padding-bottom: 10px;}

.bsc li .bsc-divcont{ width: 400px; overflow: hidden; font-size: 14px; color: #5F5F5F; line-height: 28px;}

.bsc li .bsc-img{ width: 300px; overflow: hidden; float: right;}

.bsc li .bsc-img img{ max-width: 300px;}

.dycont{ width: 880px; overflow: hidden; padding: 30px 0; border-bottom: 1px #cccccc dashed; font-size: 14px; color: #5f5f5f; line-height: 24px; margin: 0 auto;}

.dycont img,.dycont p,.dycont span{ max-width: 100%;}